<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/commons/include/html_doctype.html"%>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     <%@include file="/commons/page/codegen.jsp"%>
  <%--   <link href="${ctx}/js/gpoint/rdp/zone/css/bootstrap.min.css" rel="stylesheet" /> --%>
    <link href="${ctx}/js/gpoint/rdp/zone/css/bootstrap-duallistbox.min.css" rel="stylesheet" />
    
   <script src="${ctx}/js/gpoint/rdp/zone/jquery-3.0.0.min.js"></script>
    <script src="${ctx}/js/gpoint/rdp/zone/bootstrap.min.js"></script>
    <script src="${ctx}/js/gpoint/rdp/zone/jquery.bootstrap-duallistbox.js"></script>
       <link type="text/css" rel="stylesheet" href="${ctx}/js/gpoint/rdp/zone/css/bootstrap.css">

<script type="text/javascript" src="${ctx}/js/gpoint/rdp/zone/bootstrap-paginator.js"></script>
<script type="text/javascript" src="${ctx}/js/gpoint/rdp/TimeSegment/timeSeg.js"></script>
</head>

<body>
<div class="panel panel-default">
    <div class="panel-heading">
      <!--   不带 title 的面板标题 --> 权限类型选择
    </div>
    <div class="panel-body">
     <!--    面板内容 -->
			 <div class="toolbar-body" >
			      
								<form role="form" class="search-form">
								  
									<div  class="form-inline p-xxs">	
									    <div class="form-group">
												  权限类型<input type="text" id="permissionProperty" value="${type}" > 
		
												   </input > 
										</div>
																
											
										
										<div class="form-group">
												 <a id="showValue3" class="btn btn-primary fa fa-search" href="javascript:void(0);" ><span>允许</span></a>
												<!--  <a id="showValue4" class="btn btn-primary fa fa-search" href="javascript:void(0);" ><span>取消</span></a> -->
										</div>								
									</div>
								</form>
				</div><!--/ 查询条件-->
    </div>
</div>
 
 

   <div class="row" >
        <div class="col-lg-12 " >
		        <div class="panel panel-default">
				    <div class="panel-heading">
				        用户选择
				    </div>
				    <div class="panel-body">
										       <div class="col-md-12">
				
				<div class="panel panel-default">
   
    <div class="panel-body">
    
	 <div class="toolbar-body" >
	      
						
						  
							<div  class="form-inline p-xxs">	
							    <div class="form-group">
										<label>部门</label>
								</div>
														
								
								<div class="form-group">
									
												<input name="orgcode" type="hidden" id="hid_orgcode" class="fr-form-control" value="" />							
							                     <input type="text" data-key="#hid_orgcode" readonly="readonly" class="form-control comboTree" data-toggle="dictionary" data-url="${ctx}/rdp/card/department/department/list_json_tree.htm?typecode=parent"  />
								</div>	
								
								<div class="form-group">
										 <label>学工号</label>
								</div>		
								<div class="form-group">
										<input type="text" id="student">
										
										
											 
								</div>	
								<div class="form-group">
										 <label>姓名</label>
								</div>	
								<div class="form-group">
										<input type="text" id="name">
										
										
											  <button  onclick="querystudent()" > 查询 </button>
								</div>							
							</div>
						
	      
								
	      
	      
					</div><!--/ 查询条件-->
    </div>
</div>


								
						        <select multiple="multiple" size="10" name="duallistbox_demo1" class="demo1">
						        </select>
						       
						       <ul class="pagination"  id="page"></ul>
						                    </div>
    
				    </div>
				</div>

        </div>
      

        </div>
   

 </div>
 
 


  



  
 
 




  
 
 


    
    
 
</body>



<script type="text/javascript">



function appendHtml(returnData) {//此函数用于处理后台返回的数据，根据自己需求来实现页面拼接
	  var objs = $.parseJSON( JSON.stringify(returnData));
  
	  if(objs==null ){
		  alert("用户数据获取异常！");
		   return;
		  
	  }else{
		  var json = [];
		  
		  
	      $(objs).each(function () {
	    	  
	    	   
	    	   
	           var objA=objs.rows;    
	           for(var i=0;i<objA.length;i++){
	          	  var o = document.createElement("option");
	          	 
	          	  var o = document.createElement("option");
		          	 
		          	 // alert(objA[i]['test']);
		          	  // o.value =objA[i]['key'];
		          	  
		          
		               //o.text =  objA[i]['value'];
		             //  o.text =  "001 &nbsp;  "+"|"+"    &nbsp;   56789      |"+"  &nbsp;  |"+"abcdc  " ;
		             //	  o.value = objA[i]['test'];
		              //o.text = objA[i]['test'] ;
		            //  alert(o.text);
		           //   alert(label);
		              
		                var label = objA[i]['key'];
		                
		                console.log(label);
		                
		                
	                   var value = objA[i]['value'];
	              
	                
	                
	                var  flag=objA[i]['selectedflag'];
	                
	                if(!flag){ //flase 
	                
	                 $('.demo1').append('<option value="' + value + '">' + label + '</option>');
	                }else{
	             	   $('.demo1').append('<option value="' + value +'" selected="selected">' +label + '</option>');
	                }
              
              
	              
	              
	              
	              
	           }
	           
	           $('.demo1').bootstrapDualListbox('refresh');
	         
	      });      //渲染dualListbox
	      $('.' + 'demo1' + '').bootstrapDualListbox({
	          nonSelectedListLabel: '人员列表 ',
	          selectedListLabel: '已选择授权人数：',
	          preserveSelectionOnMove: 'moved',
	          moveOnSelect: false//,
	          //nonSelectedFilter: 'ion ([7-9]|[1][0-2])'
	      });
	  }
	 
	 
    
}






var   id=$("#permissionProperty").val();
$(function() {
	
//	alert("分页预加载中...");
	 pageStart();//开始分页
	
	//  alert(id);
	 var typeid=$("#permissionProperty").val();
	 function pageStart() {//分页函数
	    $.ajax({ //去后台查询第一页数据
			/* type : "get",
			url : __ctx+"/rdp/user/campusCard/listJson?typeid="+typeid,
			//url : __ctx+"/rdp/user/campusCard/listJson",
			dataType : "json",
			data : {page : '1'}, //参数：当前页为1 */
			url : _ctx+"/rdp/user/campusCard/listJson?id="+id,
     	    contentType: "application/json;charset=utf-8;",
     		data : {page : '1'}, //参数：当前页为1 */
     	    dataType:"json",//注意不是datatype哦
     	    async: false,//使用同步操作，否则init方法执行时setting可能还未被赋值
     	   	success : function(data) {
					
				
				//需要增加异常处理
				
			  appendHtml(data);//处理第一页的数据
				
			  var options = {//根据后台返回的分页相关信息，设置插件参数
				bootstrapMajorVersion : 3, //如果是bootstrap3版本需要加此标识，并且设置包含分页内容的DOM元素为UL,如果是bootstrap2版本，则DOM包含元素是DIV
				currentPage : data.page, //当前页数
				totalPages : data.total, //总页数
				numberOfPages : 20,//每页记录数
				itemTexts : function(type, page, current) {//设置分页按钮显示字体样式
					switch (type) {
					case "first":
						return "首页";
					case "prev":
						return "上一页";
					case "next":
						return "下一页";
					case "last":
						return "末页";
					case "page":
						return page;
					}
				},
			  onPageClicked : function(event, originalEvent, type, page) {//分页按钮点击事件
				
				$.ajax({//根据page去后台加载数据
					url : _ctx+"/rdp/user/campusCard/listJson",
					type : "get",
					dataType : "json",
					data : {"page" : page,"rows":20},
					success : function(data) {
						
						  $("." + 'demo1' + "").empty();
						  
							/*   $('.demo1').bootstrapDualListbox({
									
								  removeAllLabel: '移除全部option',//移除全部option按钮的label，默认'Remove all'
								  
								}); */
							//  $("." + 'demo1' + "")[0].options.remove();
							   $('.demo1').bootstrapDualListbox('removeSelectedLabel');
							 //  $('.demo1').bootstrapDualListbox('setMoveAllLabel', "");
							   $('.demo1').bootstrapDualListbox('setMoveAllLabel','', true);
							 //  $('.demo1').bootstrapDualListbox('destroy');
							 
							 
						appendHtml(data);//处理数据
				     
					}
				});
			  }
		    };
			$('#page').bootstrapPaginator(options);//设置分页
			}
		});
	}
	 
	 
	
	 
	 
	  
	});
	
	
	
var usernum=0;
function a(caruid){
	  var strs = new Array(); //定义一数组
	  
	   strs =  String(caruid).split(","); //字符分割
	   
	   usernum=strs.length/2;
	 //  alert("获取结果集合"+usernum);

	  
	   var b=[];
	   for (i=0; i<strs.length; i++ ){
	        
		   if(i%2==0){  
			   if(i==0){
				  
				   b.push(String (strs[i])+","+strs[i+1]+"|");
			   }else{
				 
				  
				   b.push(String (strs[i])+","+strs[i+1]+"|");
			   }
			   
		   }
	   }
	   console.log(b);
	   return b;
	  //end
}



	
	var selectvalue;
	var permissonselect; //权限类型选择数值
/* 
	var index; //时间框控件选择数值
	var selectvalue; */
$("#showValue3").click(function () {
	//alert("授权进行");
	//得到第一个列表
       
	 //
	   var caruid=$('[name="duallistbox_demo1"]').val();
	 //  alert("carduid="+caruid);
	  //截取字符串分组
	    b= a(caruid);
	   
	//  alert(b);

	//  alert(c);
	  
	 
	//  alert(selectvalue);
	  
	  
	  //得到下拉框的数值
	 var permissionindex=$("#permissionProperty").val();  
	  
	  
	//1.判断为空，必须填完才能进行保存，不能进行类型授权操作：
		if(caruid.length!=0){

			 //拼成JSON数组传递
			   var str = [];
				    		   var userArr= b; //id，卡号，姓名
				    		  // var doorArr = ["111","222"]; //控制器SN号，门号
				    		 
				    		   
				   //3.用户权限
				    		  var map ={};
				    		   map.useArr = userArr;
		    		    	   map.startTime=$("#permissionProperty").val();   //用户选择类型
		    		    	   
		    		    	   
		    		    	    
				    	       $.ajax({
	    		    	         	type: "post",
	    		    	         	   url: __ctx+"/rdp/doorPermission/permissTypeAndUser/query",
	    		    	         	    contentType: "application/json;charset=utf-8;",
	    		    	         	  data:JSON.stringify(map),
	    		    	         	  dataType:"json",//注意不是datatype哦
	    		    	         	    async: false,//使用同步操作，否则init方法执行时setting可能还未被赋值
	    		    	         	   success: function(data) {
	    		    	         		  console.log(data);
	    		    	         		  
	    		    	         	          alert("查询用户信息成功！");
	    		    	         	   if(data.result==0){ //不存在

	    		    	         		      $.ajax({
	    				    		    	         	type: "post",
	    				    		    	         	   url: _ctx+"/rdp/doorPermission/permissTypeAndUser/save3",
	    				    		    	         	    contentType: "application/json;charset=utf-8;",
	    				    		    	         	  data:JSON.stringify(map),
	    				    		    	         	  dataType:"json",//注意不是datatype哦
	    				    		    	         	    async: false,//使用同步操作，否则init方法执行时setting可能还未被赋值
	    				    		    	         	   success: function(data) {
	    				    		    	         	          alert("绑定用户权限类型成功！");
	    				    		    	         	  },
	    				    		    	         	 error: function(){
	    				    		    	         		  alert("绑定用户权限类型异常！");
	    				    		    	              }
	    				    		    	         	 
	    				    		    	         	 }); 
	    				    		    	         	 //end 
	    		    	         	   }else		   if(data.result==1){//存在
	    		    	         		  //提示信息
	    		    	         	        DialogUtil.confirm(data.message + ',是否继续操作',
												function(rtn) {
												if(rtn){
													window.location.reload(true);
															   //更新入库
															     $.ajax({
						    		    	         	type: "post",
						    		    	         	   url: __ctx+"/rdp/doorPermission/permissTypeAndUser/update",
						    		    	         	    contentType: "application/json;charset=utf-8;",
						    		    	         	  data:JSON.stringify(map),
						    		    	         	  dataType:"json",//注意不是datatype哦
						    		    	         	    async: false,//使用同步操作，否则init方法执行时setting可能还未被赋值
						    		    	         	   success: function(data) {
						    		    	         	          alert("用户卡更新入库成功！");
						    		    	         	  },
						    		    	         	 error: function(){
						    		    	         		  alert("用户卡更新入库异常！");
						    		    	              }
						    		    	         	 
						    		    	         	 }); 
															     //end
												}   
												else{
													
												}
											    	
												});
	    		    	         	   }else{
	    		    	         		   
	    		    	         	   }
	    		    	         	 
	    		    	         	       
	    		    	         	        
	    		    	         	        
	    		    	         	  },
	    		    	         	 error: function(){
	    		    	         		  alert("查询用户信息失败！");
	    		    	              }
	    		    	         	 
	    		    	         	 }); 
	    		    	         	 //end
		    		    	   
				    		  /*   $.ajax({
		    		    	         	type: "post",
		    		    	         	   url: _ctx+"/rdp/doorPermission/permissTypeAndUser/save3",
		    		    	         	    contentType: "application/json;charset=utf-8;",
		    		    	         	  data:JSON.stringify(map),
		    		    	         	  dataType:"json",//注意不是datatype哦
		    		    	         	    async: false,//使用同步操作，否则init方法执行时setting可能还未被赋值
		    		    	         	   success: function(data) {
		    		    	         	          alert("绑定用户权限类型成功！");
		    		    	         	  },
		    		    	         	 error: function(){
		    		    	         		  alert("绑定用户权限类型失败！");
		    		    	              }
		    		    	         	 
		    		    	         	 }); 
		    		    	         	 //end 
		  */
		 
		    
		    //获取选择记录数
		    
                   //   alert("更新用户数");
		    		    	         	 
		    		    	         	 
                     
                   var   id=$("#permissionProperty").val();
                 
		    		    	         	 
                       $.ajax({
	    	         	type: "post",
	    	         	url: _ctx+"/rdp/doorPermission/permissionTypes/edit3?id="+id,
	    	         	    contentType: "application/json;charset=utf-8;",
	    	         	   data:JSON.stringify({usercount:usernum}),
	    	         	  dataType:"json",//注意不是datatype哦
	    	         	    async: false,//使用同步操作，否则init方法执行时setting可能还未被赋值
	    	         	   success: function(data) {
	    	         		  // alert(data);
	    	         		   console.log(data);
	    	         	       //  alert("更新用户数成功！");
	    	         	  },
	    	         	 error: function(){
	    	         		 console.log(data);
	    	         		 alert("更新用户数失败！");
	    	              }
	    	         	 
	    	         	 }); 
	    	         	 //end 

	    	         	 
		    //更新数据库字段数值：    	         	 
		      /* $.ajax({
		    		    	         	type: "post",
		    		    	         	  url: _ctx+"/rdp/doorPermission/permissTypeAndUser/save3",
		    		    	         	//url: _ctx+"/rdp/doorPermission/permissionTypes/edit3",
		    		    	         	  contentType: "application/json;charset=utf-8;",
		    		    	         	  data:JSON.stringify({usercount:usernum}),
		    		    	         	  dataType:"json",//注意不是datatype哦
		    		    	         	    async: false,//使用同步操作，否则init方法执行时setting可能还未被赋值
		    		    	         	   success: function(data) {
		    		    	         	          alert("更新门数成功！");
		    		    	         	  },
		    		    	         	 error: function(){
		    		    	         		  alert("更新门数失败！");
		    		    	              }
		    		    	         	 
		    		    	         	 }); 
		    		    	         	 //end */
		    		    	         	
		   
			
			
		}else{
			alert("必须填完才能进行保存，不能进行类型授权操作");
		}
	  
	  
     
});

	  function   querystudent(){  
		     
		//  alert(" 查询学生信息");
	   
	     //获取信息
	       var sno= $("#student").val();
	       var deptno=$("#hid_orgcode").val();
	       var name=$("#name").val();
	     //发送ajax请求
	       $.ajax({
        url: __ctx+"/rdp/user/campusCard/querysno",
        type: 'get',
        data : {sno : sno,deptno:deptno,name:name}, //参数：当前页为1
        async: false,
        success: function (data) {
        	       console.log(data);
        	      
        	       $("." + 'demo1' + "").empty();
					  
					   $('.demo1').bootstrapDualListbox('removeSelectedLabel');
					 //  $('.demo1').bootstrapDualListbox('setMoveAllLabel', "");
					   $('.demo1').bootstrapDualListbox('setMoveAllLabel','', true);
					   
        	       appendHtml(data);
        	      
        },
        error: function (e) {
            alert(e.msg);
        }
    });
	     
	     //结果赋值
	     
	     
		      }  
	  


 
  
 
	  
	 
	  
	  
	  
	  
	  
    </script>
</html>
